.center(@rw:center,@vl:center,@type:row){
  display: flex;
  justify-content: @rw;
  align-items:@vl;
  flex-direction: @type;
}

@keyframes slideRightUp {
  from {
    transform: translate3d(100%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideRightDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(100%, 0, 0);
  }
}

.animate-slide-right-up{
  animation: slideRightUp ease .3s forwards;
}

.animate-slide-right-down{
  animation: slideRightDown ease .3s forwards;
}

.hide{
  display: none
}

.address-list{
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  top: 88px;
    &-mask {
      position: fixed;
      bottom: 0;
      z-index: 1001;
      width: 100%;
      top: 88px;
      left: 0;
      background-color: rgba(0, 0, 0, 0.3);
    }
    .address-list-content {
      width: 646px;
      background-color: #fff;
      position: fixed;
      right: 0;
      height: 100%;
      z-index: 1002;
    }
    &-head{
      padding: 18px;
      font-size: 22px;
      span + span{
        margin-left: 40%;
      }
    }

    .address-title{
      background-color: #dfdede;
      padding: 8px 0 8px 17px;
      color: #666666;
      margin-top: 31px;
    }
    .address-use{
      margin-top: 0;
    }
    .address-list-item{
      padding: 25px 0 25px 17px;
      border-bottom: 1px solid #666666;
      >div{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 0.3rem;
      }
    }
}